<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>全部产品</title>
	<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<script type="text/javascript" src="<%=context%>resources/modules/bootstrap/js/main2.js"></script>
</head>
<body>
  <div class="result-box">
    <div class="form-multi-col-panel clear">
      <div class="form-item-group form-horizontal" role="form">
        <div class="form-item">
          <span class="form-field">部&nbsp;&nbsp;&nbsp;&nbsp;门</span>
          <span class="form-input">
            <select id="dept" class="select2">
              <option value="">全部</option>
              <option value="投资管理部">投资管理部</option>
              <option value="北京事业部">北京事业部</option>
              <option value="上海事业部">上海事业部投资管理部</option>
            </select>
          </span>
        </div>
        <div class="form-item">
          <span class="form-field">产品</span>
          <span class="form-input">
            <select id="dept" class="select2">
              <option value="理财宝1号">理财宝1号</option>
              <option value="理财宝2号">理财宝2号</option>
              <option value="理财宝3号">理财宝3号</option>
            </select>
          </span>
        </div>
        <div class="form-item"></div>
        <div class="form-item">
          <span class="form-field">基准</span>
          <span class="form-input">
            <select id="dept" class="select2">
              <option value="沪深300">沪深300</option>
              <option value="中证500">中证500</option>
            </select>
          </span>
        </div>
        <div class="form-item">
          <span class="form-field">是否穿透</span>
          <span class="form-input">
            <i class="far fa-square" id="isPassPort"></i>
          </span>
        </div>
        <div class="form-item"></div>
        <div class="form-item">
          <span class="form-field">时间区间</span>
          <span class="form-input">
            <select id="dept" class="select2">
              <option value="本季">本季</option>
              <option value="本年">本年</option>
              <option value="自定义">自定义</option>
            </select>
          </span>
        </div>
        <div class="form-item">
          <span class="form-field">开始日期</span>
          <span class="form-input">
            <input class="form-control input-date" id="begT" autocomplete="off" type="text">
            <i class="fas fa-calendar-alt"></i>
          </span>
        </div>
        <div class="form-item">
          <span class="form-field">截止日期</span>
          <span class="form-input">
            <input class="form-control input-date" id="endT" autocomplete="off" type="text">
            <i class="fas fa-calendar-alt"></i>
          </span>
        </div>
        <div class="form-item"></div>
      </div>
      <div class="form-action">
        <button class="btn btn-primary table-search" id="search" type="submit">查询</button>
      </div>
      <div class="fullscreen" id="fullscreen">
        <i class="fas fa-arrows-alt"></i>
      </div>
    </div>
    <div class="model">
      <div class="model-content">
        <table>
          <thead>
            <tr>
              <th data-compare="产品名称" data-zh="true">产品名称<i class="fas fa-sort-up"></i><i class="fas fa-sort-down"></i></th>
              <th data-compare="产品类型" data-zh="true">产品类型<i class="fas fa-sort-up"></i><i class="fas fa-sort-down"></i></th>
              <th data-compare="期限" data-zh="true">期限<i class="fas fa-sort-up"></i><i class="fas fa-sort-down"></i></th>
              <th data-compare="规模" data-zh="true">规模<i class="fas fa-sort-up"></i><i class="fas fa-sort-down"></i></th>
              <th data-compare="风险等级" data-zh="true">风险等级<i class="fas fa-sort-up"></i><i class="fas fa-sort-down"></i></th>
              <th>操作</th>
              </tr>    
          </thead>
          <tbody id="tbody" data-template="template1" data-url="getReportPortfolioInfo.do"></tbody>
        </table>
      </div>
      <div class="table-foot clear">
        <div class="section">
            显示<select class="show-num"><option value="10" selected="selected">10</option><option value="20">20</option><option value="30">30</option><option value="50">50</option></select>条
        </div>
        <div class="section clear">
          <i class="fas fa-step-backward"></i>
          <i class="fas fa-caret-left"></i>
        </div>
        <div class="section">第<input class="current-page" type="text" value="1">页,共<span class="total-page">1</span>页</div>
        <div class="section" style="border-right: none;">
          <i class="fas fa-caret-right"></i>
          <i class="fas fa-step-forward"></i>
        </div>
        <div class="records">
          <p>显示<span>1</span>到<span>20</span>,共<span>0</span>记录</p>
        </div>
      </div>
    </div>
    <div class="model">
      <div class="model-head">
        <span class="head-boder-left"></span>
        <h2>历史单位净值</h2>
      </div>
      <div class="model-content clear">
        <div class="chart resize" id="_2"></div>
      </div>
    </div>
    <div class="model">
      <div class="model-head">
        <span class="head-boder-left"></span>
        <h2>当前持仓</h2>
      </div>
      <div class="model-content chart-list">
        <div class="chart-box">
          <div class="chart-box-head">
          <h4>资产占比</h4>
          </div>
          <div class="chart-small resize" id="_5"></div>
        </div>
        <div class="chart-box">
          <div class="chart-box-head">
          <h4>行业占比</h4>
          </div>
          <div class="chart-small resize" id="_6"></div>
        </div>
        <div class="chart-box">
          <div class="chart-box-head">
          <h4>久期占比</h4>
          </div>
          <div class="chart-small resize" id="_7"></div>
        </div>
      </div>
    </div>
    <div class="loading">
      <i class="fas fa-spinner fa-pulse"></i>    
    </div>
  </div>
<script class="dis_none" id="template1" type="x-tmpl-mustache">
{{#result}}
<tr>
  <td>{{产品名称}}</td>
  <td>{{产品类型}}</td>
  <td>{{期限}}</td>
  <td>{{规模}}</td>
  <td>{{风险等级}}</td>
  <td><a href="#">详情</a></td>
</tr>
{{/result}}
</script>
<script class="dis_none" id="template2" type="x-tmpl-mustache">

</script>
</body>
</html>